<h2>Module Position Editor</h2>

<?php echo $form->input('pages',array('options'=>array_keys($pages)));?>

<?php echo $form->input('layout',array('options'=>array('1 Column','2 Column','3 Column')));?>

<div id="siteLayout">

<ul style="width: 570px; position: relative;" id="headerArea" class="layoutBox layoutBoxTop"><li>header text</li></ul>

<ul id="column1" class="layoutBox"></ul>
<ul id="column2" class="layoutBox"></ul>
<ul id="column3" class="layoutBox"></ul>

<ul id="footerArea" class="layoutBox"></ul>

</div>

<style>
.layoutBox {
	background-color: #F3F3F3;
	border: 1px solid rgb(221, 221, 221);
	padding: 0;
	margin: 0;
}
.layoutBox > li {
	list-style-type: none;
	border: 1px solid rgb(221, 221, 221);
	background-color: #F3F3F3;
	margin: 0;
	cursor: move;
	display: block;
	margin-top: 3px;
}
.layoutBoxTop {
	width: 570px;
	height: 48px;
	float: left;
}
</style>